<!-- Log�stica -->
<h2 class="acc_barra" id="reglas" onclick="dinamicIncludes_Map.includeLogistica(); cleanAllStates()"><a href="#">Log&iacute;stica</a></h2>
<div style="display: none;" class="acc_contenedor">
  	<input type="hidden" id="titulo" value="7" name="titulo"/>
    <!-- MENU PRINCIPAL -->
	<div id="div_reglasPpal">
		<!-- Inicio Barra Log�stica -->
		<div class="minimenu" id="minimenuReglasPpal">
			<div id="barra_logistica" class="barra_acordeon">
				<ul>
			    	<li><a href="javascript:" class="icono tildar" onclick="checkAllOptions('boxRules[]', true);" onmouseover="minimenuInfoSet('minimenuReglasPpal', 'Seleccionar todas las reglas');" onmouseout="minimenuInfoSet('minimenuReglasPpal', '');"></a></li>
			        <li><a href="javascript:" class="icono destildar" onclick="checkAllOptions('boxRules[]', false);" onmouseover="minimenuInfoSet('minimenuReglasPpal', 'No seleccionar ninguna regla');" onmouseout="minimenuInfoSet('minimenuReglasPpal', '');"></a></li>
			        <?php if ($LOGIN->PERMISOS[9]) { ?>
			        <li><a href="javascript:" class="icono nueva_regla" onclick="nuevaRegla();" onmouseover="minimenuInfoSet('minimenuReglasPpal', 'Crear una regla nueva');" onmouseout="minimenuInfoSet('minimenuReglasPpal', '');"></a></li>
			        <li><a href="javascript:" class="icono eliminar_reglas" onclick="eliminarReglas();" onmouseover="minimenuInfoSet('minimenuReglasPpal', 'Eliminar las reglas seleccionadas');" onmouseout="minimenuInfoSet('minimenuReglasPpal', '');"></a></li>
			        <?php } ?>
			        <li class="ultimo"><a href="javascript:" class="icono z_a" id="orderBTNreglas" onclick="ordenarReglas();" onmouseover="minimenuInfoSet('minimenuReglasPpal', 'Ordenar alfabeticamente',true);" onmouseout="minimenuInfoSet('minimenuReglasPpal', '');"></a></li>
			        <li class="ultimo" style="display: none;"><a href="javascript:" class="icono z_a"></a></li>
			      </ul>
			</div>
			<div class="infoBar"></div>
		</div>
		<!-- Fin Barra Log�stica -->
		<div class="block">
		  <!-- CONTENIDO PRINCIPAL -->
			<div class="minimenuContent">
                <table border="0" width="100%">
                  <tr>
                  	<td>
                       <div id="divListaReglas"></div>
                    </td>
                  </tr>
                </table>
            </div>
		</div>
	</div>
	<div id="div_nuevaRegla" style="display:none" >
    	<!-- MENU MODIFICAR/CREAR REGLA -->
        <div class="minimenu" id="minimenuReglasNew">
        	<div class="barra_acordeon">
                <ul>
                    <li><a href="javascript:;" class="icono volver" onclick="cleanEstadoNuevaRegla();" onmouseover="minimenuInfoSet('minimenuReglasNew', 'Volver al panel de administracion de reglas');" onmouseout="minimenuInfoSet('minimenuReglasNew', '');"></a></li>
                    <li><a href="javascript:;" class="icono limpiar" onclick="javascript: if (document.getElementById('reglaIdHID').value=='') cleanFormNuevaRegla(); else cleanFormModificarRegla();" onmouseover="minimenuInfoSet('minimenuReglasNew', 'Limpiar formulario de alta de reglas');" onmouseout="minimenuInfoSet('minimenuReglasNew', '');"></a></li>
                    <li><a href="javascript:;" class="icono guardar"  onclick="guardarRegla();" onmouseover="minimenuInfoSet('minimenuReglasNew', 'Guardar la regla creada');" onmouseout="minimenuInfoSet('minimenuReglasNew', '');"></a></li>
                </ul>
            </div>
            <div class="infoBar"></div>
        </div>
    	<!-- CONTENIDO NUEVA REGLA -->
		<div class="minimenuContent block" >
			<span class="sectionTITLE" id="newReglaTitle"></span>
			<div id="newReglaErrorDisplay" class="errorDisplay" style="display:none"></div>
                <div class="formContainer">
	                <form action="">
	                <input type="hidden" id="reglaIdHID" name="reglaIdHID" value="" />
	                <fieldset>
	                  <!-- Nueva Regla -->
	                  <ul class="form hii">
	                    <!-- modificadores: tar vvv hvv hii hhh hvv  -->
	                    <li id="tipoReglaTR" >
	                      <label>Tipo regla:</label>
	                      <select class="width1" name="tipoRegla" id="tipoRegla" onchange="mostrarCampos(this);" >
	                        <?php if ($LOGIN->PERMISOS[5]) { ?>
	                        <option value="0">Zona</option>
	                        <?php }
	                           if ($LOGIN->PERMISOS[4]) { ?>
	                        <option value="1">Punto</option>
	                        <?php } 
	                           if ($LOGIN->PERMISOS[20]) { ?>
	                        <option value="2">Ruta</option>
	                        <?php } ?>
	                      </select>
	                      <span class="leftNote required">*</span> </li>
	                    <li>
	                      <label>Nombre:</label>
	                      <input class="width2" type="text" name="nombrerRegla" id="nombreRegla" maxlength="100" value="">
	                      <span class="leftNote required">*</span>
	                    </li>
	                    <?php if($LOGIN->isBykom) { ?>
	                    <li>
	                      <label>Cuenta:</label>
	                         <select class="width1"  name="cuentaIdRegla" id="cuentaIdRegla">
	                           <option value="0" selected="selected"></option>
	                       </select>
	                      <span class="leftNote required">*</span>
	                    </li>
	                    <?php }?>
	                  </ul><!-- fin Nueva Regla -->
	                   <?php if ($LOGIN->PERMISOS[5]) { ?>
	                  <!-- ZONAS -->
	                  <ul id="camposZona" class="form hii">
	                    <li>
	                      <label>Zona:</label>
	                      <select class="width1" name="newReglaZonas" id="newReglaZonas">
	                        <option value="0" selected="selected"></option>
	                      </select>
	                      <span class="leftNote required">*</span> </li>
	                    <li>
	                      <label>Evento:</label>
	                      <select class="width1" name="newReglaEstado" id="newReglaEstado">
	                        <option value="0" selected="selected">Zona Prohibida</option>
	                        <option value="1" >Zona Permitida</option>
	                      </select>
	                      <span class="leftNote">*</span>
	                    </li>
	                  </ul>
	                  <!-- fin ZONAS -->
	                   <?php }
	                    if ($LOGIN->PERMISOS[4]) {//puntos
	                   $displayPuntos = "none";
	                    if (!$LOGIN->PERMISOS[5]) {  //zonas
	                    $displayPuntos = "block";
	                    }?>
	                  <!-- PUNTOS -->
	                  <ul id="camposPunto" class="form hii" style="display:<?=$displayPuntos?>;" >
	                    <li>
	                       <label>Punto:</label>
	                       <select class="width1" name="newReglaPuntos" id="newReglaPuntos">
	                           <option value="0" selected="selected"></option>
	                       </select>
	                       <span class="leftNote">*</span>
	                    </li>
	                    <?php if(!$LOGIN->isBykom){ ?>
	                    <li>
	                       <label>Tolerancia:</label>
	                       <input class="width2" type="text" name="tolerancia" id="tolerancia" maxlength="100" value="<?=PTO_SEGURO_TOLERANCIA_DEFAULT?>"/>
	                       <span class="leftNote">*</span>
	                    </li>
	                    <?php }?>
	                  </ul>
	                  <?php } ?>
	                <!-- fin PUNTOS -->
	                <?php 
	                if ($LOGIN->PERMISOS[20]) {//rutas
	                   $displayRutas = "none";
	                    if (!$LOGIN->PERMISOS[4] && !$LOGIN->PERMISOS[5]) { //puntos y zonas
	                    $displayRutas = "block";
	                    }?>
						<!-- RUTAS -->
						<ul id="camposRuta" class="form hii" style="display:<?=$displayRutas?>;">
							<li>
								<label>Ruta:</label>
								<select class="width1" name="newReglaRutas" id="newReglaRutas">
				                        <option value="0" selected="selected"></option>
				            	</select>
								<span class="leftNote">*</span>	
							</li>
							<?php 
							if(!$LOGIN->isBykom){ ?>
							 <li>
		                       <label>Tolerancia:</label>
		                       <input class="width2" type="text" name="toleranciaRuta" id="toleranciaRuta" maxlength="100" value="<?=RUTAS_TOLERANCIA_DEFAULT?>"/>
		                       <span class="leftNote">*</span>
	                    	 </li>
		                    <?php }?>
						</ul>    
						<?php }?>              
	                </fieldset>
	                <br>
	                </form>
                </div>
			<!-- fin CONTENIDO NUEVA REGLA -->
			<span class="sectionTITLE">FRANJAS HORARIAS</span> 
			<img id="botonNuevaFranja" src="images/addItemImg.gif" border="0" style="cursor:pointer;" onclick="nuevaFranjaHoraria();" title="Agregar nueva franja horaria"/>
			<img id="botonNuevaFranjaEspecifica" src="images/addItemImg.gif" border="0" style="cursor:pointer;display:none" onclick="nuevaFranjaEspecifica();" title="Agregar nueva franja horaria"/>
			<div id="newFranjaHoraria" width="85%" style="background:; border:1px solid #EAEEF2";>
				<div id="franjaZonaPunto">
				  	<table>
					    <tr >
					      <td><span class="inputLBL">do</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="0"/></td>
					      <td><span class="inputLBL">lu</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="1"/></td>
					      <td><span class="inputLBL">ma</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="2"/></td>
					      <td><span class="inputLBL">mi</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="3"/></td>
					      <td><span class="inputLBL">ju</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="4"/></td>
					      <td><span class="inputLBL">vi</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="5"/></td>
					      <td><span class="inputLBL">sa</span></td>
					      <td><input type="checkbox" name="newReglaDias[]" value="6"/></td>
					    </tr>
					    <tr>
					      <td colspan="14">
					        <table>
					          <tr>
					            <td width=""><span class="inputLBL">Hs dde:</span></td>
					            <td>
					            	<input type="text" name="newReglaHoraDde" id="newReglaHoraDde" class="gmapInputText" size="3" maxlength="5" value="" title="Formato 24hs con segundos opcional (HH:MM:ss)"/>
					              	<span class="campoObligatorio"> *</span>
					             </td>
					            <td width=""><span class="inputLBL">Hs hta:</span></td>
					            <td>
					            	<input type="text" name="newReglaHoraHta" id="newReglaHoraHta" class="gmapInputText" size="3" maxlength="5" value="" title="Formato 24hs con segundos opcional (HH:MM:ss)"/>
					              	<span class="campoObligatorio"> *</span>
					            </td>
					            <td colspan="3" width="45"  align="right">
					            	<div id="botonesZonaPunto">
						            	<img src="images/selectAllItemImg.gif" border="0" style="cursor:pointer;" onclick="semanaFranjaHoraria();" title="Seleccionar toda la semana"/>
						            	<img src="images/deleteItemImg.gif" border="0" style="cursor:pointer;" onclick="cancelarFranjaHoraria();" title="Cancelar carga de franja horaria"/>
						            	<img src="images/okItemImg.gif" border="0" style="cursor:pointer;" onclick="cargarFranjaHoraria();" title="Cargar franja horaria"/>
						            </div>
						       </td>
					          </tr>
					        </table>
					       </td>
					    </tr>
				   </table>
				</div>
				<div id="franjaRuta" style="display:none;">
					<table>
			   			<tr>
					    	<td colspan="8">
						    	<label>Fecha DDE:</label>
					            <input type="text" name="fechaConfigRuta" id="fechaConfigRuta" class="gmapInputText" size="20" maxlength="16"  value="">
					            <img src="js/calendar/img/calendar.gif" name="fechaConfigIMGRuta" id="fechaConfigIMGRuta" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." />
					           <div id="errorFechaInicioRutas" class="divErrorFecha"></div>
					    	</td>
					    </tr>
					    <tr>
					    	<td colspan="8">
						    	<label>Fecha HTA:</label>
					            <input type="text" name="fechaConfigRutaFIN" id="fechaConfigRutaFIN" class="gmapInputText" size="20" maxlength="16" value="">
					            <img src="js/calendar/img/calendar.gif" name="fechaConfigIMGRutaFIN" id="fechaConfigIMGRutaFIN" style="cursor: pointer;" title="Seleccionar fecha y hora hasta..." />
					            <div id="errorFechaFinRutas" class="divErrorFecha"></div>
					    	</td>
					    </tr>
					    <tr align="right">
						    <td colspan="3">
							    <div id="botonesRuta" style="display:none;">
					            	<img src="images/deleteItemImg.gif" border="0" style="cursor:pointer;" onclick="nuevaFranjaEspecifica();" title="Cancelar carga de franja horaria"/>
					            	<img src="images/okItemImg.gif" border="0" style="cursor:pointer;" onclick="cargarFranjaEspecifica();" title="Cargar franja horaria"/>
					            	<p>
						            <script type="text/javascript">
						            function initCalendarioConfigFranjaRuta(){
										Calendar.setup(
											{
											inputField 	   : "fechaConfigRuta",
											ifFormat       : "%d/%m/%Y %H:%M",
									        showsTime      : true,
									        timeFormat     : "24",
											button		   : "fechaConfigIMGRuta"
											}
										);
										Calendar.setup(
											{
											inputField 	   : "fechaConfigRutaFIN",
											ifFormat       : "%d/%m/%Y %H:%M",
									        showsTime      : true,
									        timeFormat     : "24",
											button		   : "fechaConfigIMGRutaFIN"
											}
										);
									}
									</script>
					         	 	</p>
					            </div>
				            </td>
			            </tr>
					</table>
				</div>
			</div>
			<div id="listFranjaHoraria" width="85%"></div>
		</div> 
		<!-- fin nueva regla -->
     </div>
     <div id="div_aplicarRegla" style="display:none">
            <!-- MENU ASIGNAR/DESASIGNAR REGLA -->
            <div class="minimenu" id="minimenuReglasAsignar">
                <div class="barra_acordeon">
                	<ul>
                    	<li><a href="javascript:;" class="icono tildar" onclick="checkAllOptions('boxListaMovilesReglas[]', true);" onmouseover="minimenuInfoSet('minimenuReglasAsignar', 'Seleccionar todos los vehiculos');" onmouseout="minimenuInfoSet('minimenuReglasAsignar', '');"></a></li>
						<li><a href="javascript:;" class="icono destildar" onclick="checkAllOptions('boxListaMovilesReglas[]', false);" onmouseover="minimenuInfoSet('minimenuReglasAsignar', 'No seleccionar ningun vehiculo');" onmouseout="minimenuInfoSet('minimenuReglasAsignar', '');"></a></li>
	            		<li><a href="javascript:;" class="icono volver" onclick="cleanEstadoAplicarRegla();" onmouseover="minimenuInfoSet('minimenuReglasAsignar', 'Volver al panel de administracion de reglas');" onmouseout="minimenuInfoSet('minimenuReglasAsignar', '');"></a></li>
                        <li><a href="javascript:;" class="icono guardar" onclick="guardarAplicarRegla();" onmouseover="minimenuInfoSet('minimenuReglasAsignar', 'Aplicar la regla a los moviles seleccionados');" onmouseout="minimenuInfoSet('minimenuReglasAsignar', '');"></a></li>
                        </ul>
                </div>
                <div class="infoBar"></div>
            </div>
            <!-- CONTENIDO APLICAR REGLA -->
            <div class="minimenuContent block">
                <table border="0" width="245">
                  <tr>
                  <td colspan="2">
                       <span class="sectionTITLE" id="aplicarReglaTitle"></span>
                    </td>
                  </tr>
                  <tr>
                  <td colspan="2">
                       <div id="aplicarReglaErrorDisplay" class="errorDisplay" style="display:none"></div>
                    </td>
                  </tr>
                  <tr>
                  <td width="60">
                       <span class="inputLBL">Regla:</span>
                    </td>
                    <td>
                       <span class="resaltado" id="spanNombreRegla"></span>
                    </td>
                  </tr>
                  <tr>
                  <td colspan="2">
                       <hr />
                       <span class="inputLBL">Moviles a los que se aplicara la regla</span>
                    </td>
                  </tr>
                  <tr>
                  <td colspan="2">
                       <div id="divListaMovilesReglas" style="WIDTH: 270px; HEIGHT: 210px;">
                       </div>
                    </td>
                  </tr>
                </table>
           </div>
	</div>
</div>